<extend name="Base/common"/>
<block name="body">
    <section class="container">
      <div class="where">
        <ul class="breadcrumb">
          <li>当前位置：</li>
          <li><a href="{:url_route('index')}">{:C('TITLE')}</a></li>
          <if condition="$da['nav']">
            <li><a href="{:url_route($da['url'])}">{$da['nav']}</a></li>
            <li><a href="">{$info.title}</a></li>
          <else/>
              <li><a href="">{$info.title}</a></li>
          </if>
        </ul>
      </div> 
      <div class="content-wrap">
          <div class="content" style="padding: 0 20px;background-color: #fff;border: 1px solid #EAEAEA;border-radius: 4px;">
              <header class="article-header">
                  <h1 class="article-title">
                        <if condition="$info['count'] gt 1">
                             <a  href="" title="{$info.title}">{$info.title}</a>
                        <else/>
                           <a href="" title="{$info.title}">{$info.title}</a>
                        </if>
                  </h1>
                  <div class="article-meta">
                      <span class="item article-meta-time">
                          <time class="time" data-toggle="tooltip" data-placement="bottom" title="" ">
                              <i class="glyphicon glyphicon-time"></i>&nbsp; {$info.create_time|date='Y-m-d',###}</time>
                      </span>
                      <span class="item article-meta-source" data-toggle="tooltip" data-placement="bottom" title="" ">
                          <i class="glyphicon glyphicon-globe"></i>&nbsp;{:C('TITLE')}</span>
                     
                      <span class="item article-meta-views" data-toggle="tooltip" data-placement="bottom" title=""">
                          <i class="glyphicon glyphicon-eye-open"></i>&nbsp;{$info['view']+1}</span>
                     
                  </div>
              </header>
              <article class="excerpt-minic excerpt-minic-index">
                  <p class="note">简介：{$info.description}</p>
               </article>
              <article class="article-content">
                  <div></div>
                  {:del_js_content($info['content'])}
              </article>

              <div class="relates"></div>
            <div class="article-tags">
              <a href="{:url_route('tags')}">标签：</a>
              <volist name="relative_tag"  id="tag">
                <if condition="$tag['tag_name']">
                  <a href="{:url_route('tags/'.$tag['name'])}" rel="tag">{$tag['tag_name']}</a> 
                </if>
              </volist>
            </div>
          </div>

          
      </div>
      <aside class="sidebar">
        <if condition="0">
        <!-- 
          <div class="widget widget-tabs">
              <ul class="nav nav-tabs" role="tablist">
                  <li role="presentation" class="active">
                      <a href="#notice" aria-controls="notice" role="tab" data-toggle="tab" draggable="false" aria-expanded="true">网站公告</a></li>
                  <li role="presentation" class="">
                      <a href="#centre" aria-controls="centre" role="tab" data-toggle="tab" draggable="false" aria-expanded="false">会员中心</a></li>
                  <li role="presentation" class="">
                      <a href="#contact" aria-controls="contact" role="tab" data-toggle="tab" draggable="false" aria-expanded="false">联系站长</a></li>
              </ul>
              <div class="tab-content">
                  <div role="tabpanel" class="tab-pane notice active" id="notice">
                      <ul>
                          <li>
                              <time datetime="2016-01-04">01-04</time>
                              <a href="" target="_blank" draggable="false">欢迎访问异清轩博客</a></li>
                          <li>
                              <time datetime="2016-01-04">01-04</time>
                              <a target="_blank" href="" draggable="false">在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</a></li>
                          <li>
                              <time datetime="2016-01-04">01-04</time>
                              <a target="_blank" href="" draggable="false">在这个小工具中最多可以调用五条</a></li>
                      </ul>
                  </div>
                  <div role="tabpanel" class="tab-pane centre" id="centre">
                      <h4>需要登录才能进入会员中心</h4>
                      <p>
                          <a data-toggle="modal" data-target="#loginModal" class="btn btn-primary" draggable="false">立即登录</a>
                          <a href="javascript:;" class="btn btn-default" draggable="false">现在注册</a></p>
                  </div>
                  <div role="tabpanel" class="tab-pane contact" id="contact">
                      <h2>Email:
              <br>
              <a href="mailto:admin@ylsat.com" data-toggle="tooltip" data-placement="bottom" title="" draggable="false" data-original-title="admin@ylsat.com">admin@ylsat.com</a></h2>
                  </div>
              </div>
          </div>
          <div class="widget widget_search">
              <form class="navbar-form" action="/Search" method="post">
                  <div class="input-group">
                      <input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字" maxlength="15" autocomplete="off">
                      <span class="input-group-btn">
              <button class="btn btn-default btn-search" name="search" type="submit">搜索</button></span>
                  </div>
              </form>
          </div>
          <div class="widget widget_hot">
              <h3>最新评论文章</h3>
              <ul>
                  <li>
                      <a title="" href="#">
                          <span class="thumbnail">
                <img class="thumb" data-original="http://placehold.it/220x150/f5f5f5/01cbbb" src="http://placehold.it/220x150/f5f5f5/01cbbb" alt="" style="display: block;"></span>
                          <span class="text">用DTcms做一个独立博客网站（响应式模板）</span>
                          <span class="muted">
                <i class="glyphicon glyphicon-time"></i>2016-11-01</span>
                          <span class="muted">
                <i class="glyphicon glyphicon-eye-open"></i>88</span>
                      </a>
                  </li>
                  <li>
                      <a title="" href="#">
                          <span class="thumbnail">
                <img class="thumb" data-original="http://placehold.it/220x150/f5f5f5/01cbbb" src="http://placehold.it/220x150/f5f5f5/01cbbb" alt="" style="display: block;"></span>
                          <span class="text">用DTcms做一个独立博客网站（响应式模板）</span>
                          <span class="muted">
                <i class="glyphicon glyphicon-time"></i>2016-11-01</span>
                          <span class="muted">
                <i class="glyphicon glyphicon-eye-open"></i>88</span>
                      </a>
                  </li>
                  <li>
                      <a title="" href="#">
                          <span class="thumbnail">
                <img class="thumb" data-original="http://placehold.it/220x150/f5f5f5/01cbbb" src="http://placehold.it/220x150/f5f5f5/01cbbb" alt="" style="display: block;"></span>
                          <span class="text">用DTcms做一个独立博客网站（响应式模板）</span>
                          <span class="muted">
                <i class="glyphicon glyphicon-time"></i>2016-11-01</span>
                          <span class="muted">
                <i class="glyphicon glyphicon-eye-open"></i>88</span>
                      </a>
                  </li>
              </ul>
          </div>
          <div class="widget widget_sentence">
              <a href="#" target="_blank" rel="nofollow" title="">
                  <img style="width: 100%" src="http://placehold.it/358x256/f5f5f5/555" alt=""></a>
          </div>
          <div class="widget widget_sentence">
              <h3>标签云</h3>
              <div class="tag-cloud">
                  <a href="/tag/laravel-5-2/">Laravel 5.2</a>
                  <a href="/tag/spark/">Spark</a>
                  <a href="/tag/jing-xiang/">镜像</a>
                  <a href="/tag/xin-ban-ben-fa-bu/">新版本发布</a>
                  <a href="/tag/lts/">LTS</a>
                  <a href="/tag/wei-kuang-jia/">微框架</a>
                  <a href="/tag/lumen/">Lumen</a>
                  <a href="/tag/ming-ming-kong-jian/">命名空间</a>
                  <a href="/tag/laravel4/">Laravel4</a>
                  <a href="/tag/whoops/">Whoops</a>
                  <a href="/tag/event/">Event</a>
                  <a href="/tag/sheng-ji/">升级</a>
                  <a href="/tag/laravle5/">laravle5</a>
                  <a href="/tag/error-page/">错误页</a>
                  <a href="/tag/laravel-5/">Laravel 5</a>
                  <a href="/tag/artisan/">Artisan</a>
                  <a href="/tag/laravel-5-1/">Laravel 5.1</a>
                  <a href="/tag/lravel/">Lravel</a>
                  <a href="/tag-cloud/">...</a></div>
          </div>
          <div class="widget widget_sentence">
              <h3>最新资讯</h3>
              <div class="widget-tabs">
                  <div class="tab-content">
                      <ul>
                          <li>
                              <time datetime="2016-01-04">01-04</time>
                              <a href="" target="_blank" draggable="false">欢迎访问异清轩博客</a></li>
                          <li>
                              <time datetime="2016-01-04">01-04</time>
                              <a target="_blank" href="" draggable="false">在这里可以看到前端技术，后端程序，网站内容管理系统等文章，还有我的程序人生！</a></li>
                          <li>
                              <time datetime="2016-01-04">01-04</time>
                              <a target="_blank" href="" draggable="false">在这个小工具中最多可以调用五条</a></li>
                      </ul>
                  </div>
              </div>
          </div>
          <div class="widget widget_sentence">
              <a href="#" target="_blank" rel="nofollow" title="">
                  <img style="width: 100%" src="http://placehold.it/358x180/f5f5f5/01cbbb" alt=""></a>
          </div>
        -->
        </if>
        <if condition="$relative_article !=1 ">
          <div class="widget widget_sentence">
            <h3>相关推荐</h3>
            <div class="tag-cloud relative-article">
              <volist name="relative_article"  id="data">
                 
                <if condition="$data['count'] gt 1">
                 <a href="{:url_route('detail/'.$data['pin_yin'].'/'.'id'.'/'.$data['id'])}" title="" target="_blank">{$data.title}</a>
              <else/>
                 <a href="{:url_route('detail/'.$data['pin_yin'])}" title="" target="_blank">{$data.title}</a>
              </if>
              </volist>
            </div>
          </div>
        </if>

     

        <div class="fixed">
            <if condition="$category neq ''">
                <div class="widget widget_sentence">
                  <h3><a href="{:url_route('cate')}">分类</a></h3>
                  <div class="tag-cloud">
                    <volist name="category"  id="data">
                       
                       <a href="{:url_route('cate/'.$key)}">{$data}</a> 
                    </volist>
                </div>
              </div>
            </if>

            <if condition="$relative_tag ">
              <div class="widget widget_sentence">
              <h3><a href="{:url_route('tags')}">标签</a></h3>
                <div class="tag-cloud">
                  <volist name="relative_tag"  id="tag">
                    <if condition="$tag['tag_name']">
                      <a href="{:url_route('tags/'.$tag['name'])}">{$tag['tag_name']}</a> 
                    </if>
                  </volist>
                </div>
              </div>
            </if>
        </div>
      </aside>
    </section>
</block>
